<link rel="stylesheet" href="http://foundation-datepicker.peterbeno.com/css/foundation-datepicker.min.css">
<div class="col-sm-12 col-lg-2" style="width: 160px;">
    <div class="input-group">
        {if !empty($startDate)}
        <input type="text" class="form-control"autocomplete="off" name="startdata" id="startdata" value="{$startDate}" autocomplete="off" placeholder="">
        {else}
        <input type="text" class="form-control"autocomplete="off" name="startdata" id="startdata" autocomplete="off" placeholder="">
        {/if}
        <span class="input-group-addon"><i class="fa fa-th"></i></span>
    </div>
</div>
<div class="col-sm-12 col-lg-2" style="width: 160px;">
    <div class="input-group">
        {if !empty($endDate)}
        <input type="text" class="form-control" autocomplete="off" name="enddata" id="enddata" value="{$endDate}" autocomplete="off" placeholder="">
        {else}
        <input type="text" class="form-control"autocomplete="off" name="enddata" id="enddata" autocomplete="off" placeholder="">
        {/if}
        <span class="input-group-addon"><i class="fa fa-th"></i></span>
    </div>
</div>

<script src="/public/plugs/datepicker/js/foundation-datepicker.js"></script>
<script>
    $(function () {
        $('#startdata').fdatepicker({
            format: 'yyyy-mm-dd',
            // initialDate:getFormatDate()
        });
        $('#enddata').fdatepicker({
            format: 'yyyy-mm-dd',
            // initialDate:getFormatDate()
        });
    })
</script>